import { relative } from 'path';

// 轮播
layui.use('carousel', function(){
    var carousel = layui.carousel;
    //建造实例
    carousel.render({
      elem: '#test1'
      ,width: '100%',
      height:'100%' //设置容器宽度
      ,arrow: 'always' //始终显示箭头
      //,anim: 'updown' //切换动画方式
    });
  });
// 资讯tab切换
  $(function(){
    // 绑定事件
    // 资讯tab
    $('.index_infoR_nav1 li').on('click',function(){
      var index = $(this).index();
      if(!$(this).hasClass('active')){
        $(this).parent().find('.active').removeClass('active');
        $(this).addClass('active');
        $('.index_infoR_cont>.tright>div').addClass('none');
        $($('.index_infoR_cont>.tright>div')[index]).removeClass('none');
        $($('.index_infoR_cont>.tright>div')[index]).addClass('active');
      }
    })
    $('.index_infoR_cont>.tright>div td').on('click',function(){
      var index = $(this).attr('data-index');
      var tag = $(this).text().trim();
      var root = $(this).parent().parent().parent().parent();
      if(tag){
        if(index){
          if(!$(this).hasClass('active')){

            root.find('td').removeClass('active');
            $(this).addClass('active');
            root.find('ul').addClass('none');
            $(root.find('ul')[index]).removeClass('none');
            $(root.find('ul')[index]).addClass('active');
          }
        }
      }  
    })
    //课程tab
    $('.index_course_tab>ul>li').on('click',function(){
      var index = $(this).index();
      if(!$(this).hasClass('active')){
        $(this).parent().find('.active').removeClass('active');
        $(this).addClass('active');
        $('.index_course_list>div').addClass('none');
        $($('.index_course_list>div')[index]).removeClass('none');
        $($('.index_course_list>div')[index]).addClass('active');
      }
    })
    // 右侧边导航
    // 监听页面滚动事件，和resize事件
    // banner的高度
    var banner_height = 730;
    var top_height = 200;
    $(window).on('scroll',function(){
      var height=$(window).scrollTop();
      if((height+top_height)<banner_height){
        $('#app-nav>ul').addClass('inbanner');
      }else{
        $('#app-nav>ul').removeClass('inbanner');
      }
    });
    // 到底和到顶按钮
    $('#app-nav .goto_top').on('click',function(){
      $('html').animate(
        { scrollTop: '0px' }, 1000
      );
    })
    // 到底和到顶按钮
    $('#app-nav .goto_bottom').on('click',function(){
      $('html').animate(
        {scrollTop:$('#app-footer').offset().top},1000
      );
    })
  })
